<template>
    <div class="student">
        <h2>学生姓名:{{name}}</h2>
        <h2>学生性别：{{gender}}</h2>
        <button @click="sendStudentName">把学生名给School组件</button>
    </div>
</template>

<script>
export default {
    name:"StudentInfo",
    data(){
        return{
            name:"雷智磊",
            gender:"男"
            
        }
    },
    methods:{
        sendStudentName(){
            this.$bus.$emit('hello',666)
        }
    },
    mounted(){
        console.log('Student',this.x)
    }
    
}
</script>
<style scoped>
    .student{
        background-color: aqua;
        padding: 5px;
        margin-top: 30px;
    }
</style>